.dropdown-input-container {
  position: relative;
  z-index: 10;
  button {
    padding: 0 12px;
    text-align: left;
    position: relative;
    &::after {
      content: "\f35f";
      font-family: "Ionicons";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
    }
    &.holder {
      opacity: 0.8;
    }
  }
  ul {
    z-index: 10;
    background-color: $white;
    position: absolute;
    width: 100%;
    top: calc(100% + 10px);
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    border: 1px solid $lavender-gray;
    background-clip: padding-box;
    min-width: 160px;
    border-radius: 4px;
    li {
      padding: 8px 20px;
      cursor: pointer;
      &:hover {
        background: #f5f5f5;
      }
      &.search {
        padding: 0 10px 5px;
        input {
          text-transform: uppercase;
          height: 20px;
        }
      }
    }
  }
}
